19 Nice And Simple CSS3 Image Gallery Roundup
HTML5 technology - this gallery uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
CSS3 technology - this player uses cutting-edge css3 definitions
iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
unique ability to zoom on photos – this is the perfect lightbox script for photographers to showcase their work because on any image, your visitor can zoom it and see the marvelous details you capture in your art.[add] arrows for gallery mode
[add] big image control from touch devices
and a larger image is shown,
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Redirect to a particular Website URL or POP UP a large image on click of icons.Manage spacing among album boxes in the gallery.
The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height
Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS image gallery and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).
Dimension 3D Portfolio Gallery is an easy to use jQuery 3D Tile / Portfolio Gallery with 3D animated filter selection.This Portfolio is created with javascript, CSS3 and HTML5 .Other browsers will fallback to a non 3D portfolio gallery.
An image gallery kit with filtering images based on category with lightbox box effect built in HTML & CSS3.• Neat layout with icons used for number of times viewed, number of comments for the image & number of likes.• On click over the image it gives lightbox effect with the image enlarged with the commenting textbox with a submit comment button & view comment button.• Social buttons are added in the lightbox for the image. Pls note: This is not an image gallery script but this item can be integrated with the image gallery. Please note that IE doesn’t support some CSS3 attributes.
The #1 best selling gallery on CodeCanyon
This responsive WordPress gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and image google image search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. Or alternatively you can load images from Facebook, Flickr, Instagram or use NextGEN as an image manager/source. Unleash the power of best image slider and pull videos from Youtube, Vimeo and images from 500px, Pinterest, deviantART, Stumbleupon, Imgur, Tumblr, WordPress. The settings are available to change on a per gallery basis, extending the global settings and presets. #2 Settings and creating a gallery
Automatically align images to a justified gallery keeping their original aspect ratio
NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Limit image count or maximum rows
Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox
Ability randomize image width (without skewing image of course), this is the opposite of the previous feature, the fixed aspect ratio
224 unique settings and shortcode attributes that you can change for each gallery
These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures.Download link with browser pop-up to save the image
You can choose any of the wordpress image flickr fields (such as Title, Alternate Text, Caption, Description from Media Libray) to appear at any location as captions and in the lightboxes
“The Justified Image Grid plugin for Wordpress installed easily, and works fantastic. I’d recommend this for anyone who wants their image galleries to stand out. This is one of best gallery plugins out there.This is the best gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!
6 – August 26, 2013 – RSS Feeds (any image source), NextGEN 2 compatibility, larger Facebook images, animated gifs, settings import/export and uninstall, custom taxonomy filter for wordpress gallery
New image source: RSS/Atom feeds:
Semi-dedicated support for the following image sources, using RSS:
Any site can become an image source if it has a feed with images in it!
Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)
It takes into account the EXIF date of the image. If you have just uploaded an image, but it has an old EXIF date, it won’t be the most recent image – this may not be the desired result! So you have the ability to choose to wordpress display recent posts images just by their upload date (NG 1. The ng_pics shortcode attribute was checked for NG2 compatibility and got improved to actually display the images in the order they are entered (as comma separated multiple ids) – the single (one) image feature is unaffected by this. The ng_random_images now accepts a comma separated list of multiple gallery ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. NG2 copies the image to the WP media library so it works well. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)
Added: Ability to show larger image in the lightbox from Facebook (normal: 720px max, larger: the new default, maximum: up to 4MP – 2048px)
Added: Custom text to add before & after each gallery (can be disabled on individual instances)
Improved: PrettyPhoto is now able to properly re-open with advanced deeplinking with any website (iframe) or CSS image slideshow in the deeplinking path
Bugfix: When thumbnail width is not supplied for any reason, the image is now skipped (in JS), this prevents a crash that could stop further script execution
Bugfix: All other image sources’ limits have also been improved. Previously it generated a template tag no matter what, while it needs an image source selected.Bugfix: Using a blank page to create a gallery photo wall ideas the grid would only display one very long row (only when using css3-mediaqueries.New image source: Instagram, available options:
Examples: Post and WP image tags and categories; NextGEN, Instagram and Flickr tags, Custom post types’ custom taxonomies e. WooCommerce; Media Library Assistant custom image taxonomies… Buttons and the Tag cloud are well styleable.New feature: Facebook overview: Allows you to select the entire collection of albums of a profile or page automatically and explore those albums on a different page – all using Justified Image Grid
Like an image on Facebook and see its own thumbnail
They only work with Justified Image Grid as there are server-side components to the new feature
Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)
Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid
Improved: Thumbnail size calculations are unified for all image sources.Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue. Higher than 1024px pictures are now taken into account when looking for an image to create the thumbnail from.Bugfix: Error checking wasn’t working on IE8 in some cases, resulting false positives and not loading any image, this is now fixed.Bugfix: Error checking for images slideshow weren’t working properly, resulting in duplicate images and a broken grid if one image failed to load.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: When using Jetpack and CURL is required to get remote image dimensions, check for CURL is added to not generate an error
Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)
center one image with JIG, in a post. All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Improved: Recent post images can link to the custom url of the image! (toggleable new setting)
Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly
Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone
Improved: Custom link target VIDEO is now called “Lightbox: video / iframe / another image”
Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Bugfix: The image for Facebook crawler (the first image, resized to 300×300) had no width and height attributes when Jetpack Photon was enabled
Also when using NextGEN as an image source even though the original NextGEN doesn’t support Jetpack Photon
Added: An image is added to the source, resized at 300×300, to show up as selectable thumbnail (only thumbnail in some cases), when liking/sharing
Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required
Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)
Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)
Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)
Added: HTML is now allowed for all lightboxes (image alt and link title attributes now have esc_attr-ed stripslashed HTML values instead of tags stripped)
Social Gallery doesn’t support HTML (links to the file to download)
Improved: Image can be linked to the attachment page (new lightbox and recents_link_to setting)
Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor
Improved: Class name justified-image-grid added for all instances of the plugin
Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe
Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly
call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with nextgen gallery do shortcode
Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Magnifier icon in the middle of the overlay (optional) with settings (on/off, image URL, opacity)
Added: Recent posts can link to the images (lightbox) instead of posts – create a image gallery jQuery recent posts, not a slider
Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)
Added: Ability to use random image order with: NextGEN, Facebook, Flickr
Improved: Social Gallery V2 compatibility
Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)
Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility
Create a lightbox where every image, video and song can be individually shared.CSS3 Preloader for smoother animation
Optional gallery-style thumbnails
If these options aren’t available, JackBox will then attempt to grab the large version of the responsive lightbox image gallery and resize it. Any image and title that gets posted will be explicitly chosen by Facebook.PREVIEW IMAGE SOCIAL BUTTONSKim Peterson
Displays images in a grid format and fits to the adjacent image. Onclick on any image displays the larger size of the same image with social sharing buttons for each image. Please note that IE doesn’t support some CSS3 attributes.
Say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!
No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;
Social sharing: each image can be shared using Twitter.Styling: many other galleries doesn’t let you customize their CSS, Final Tiles Gallery, instead, gives you a great freedom to use your own CSS to control borders,margins, animations and so on;
CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
You can use it to show the wordpress gallery slideshow from your blog or a gallery from your vacation.CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully
iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
[ADD] You can have multiple images on a project now ( if the item is of type image and has a “item gallery” attached )
[add] new Features for ZoomBox lightbox like gallery, zoom on photo
[fix] accordion style inside gallery fix – now works on the Item Gallery tab
[add] new Portfolio Item type – gallery
[tweak] now thumbnails resemble the whole image
tweaked big image to use the native wordpress media uploader
added gallery mode to posts on skins accordion and clean – as shown in the preview
added Overwrite Item Link with Big Image field in each portfolio item meta
fixed do not open Big Image in lightbox field
added support for download youtube videos mp3 in the big image field
added support for not opening the jQuery lightbox image in a light box
When a user click on an image it zoom out.Is it possible to place a link to the image? We would like to navigate the user to the page of the course by clilcking on the image.Yes, it’s possible to not use lightbox zoom in on the featured image. You have 2 parts of the Portfolio Item, and you can link them to whatever, a JavaScript lightbox image gallery zoom in, a custom link ( that you choose ), the portfolio item link or nothing at all.Nice plugin – I’m wondering is it possible to link the thumbnail to an existing gallery using a link. Rather than clicking on the thumbnail to get a bigger image ?
Set any link inside the Big Image and set Open Big Image in Lightbox to OFF
The carousel is 100% skinable via CSS and the icons are simply image, you can just go ahead and replace them, position again is part of css so easily changeable.Another question please, how i can fix the gallery at the center of my page? it’s always in the left.You just write the link to the video in the Big Image field ( ie https://vimeo.free updates – even if the value of this gallery increases with upcoming updates, you will get them for free
Social Gallery is The Ultimate Social Lightbox for WordPress.Social Gallery Plugin is a fantastic new way to engage visitors to your WordPress blog by adding the ultimate lightbox featuring social media buttons (Facebook like, Facebook Send, Pinterests ‘Pin it’, Twitters ‘Tweet This’ and now Linked In, Stumble Upon & Tumblr) as well as Facebook or Disqus Comments!
Your blog visitors already click your images, at best perhaps you have a lightbox feature (or maybe you don’t even have that!) – but once they click your images (and if they clicked it, they probably like it!) then what? With Social Gallery Plugin your users can “like”, “tweet” and “pin” the images on your page!
Social Gallery [shortcodes] released
Live stats per image when hovered over
Perfect compliment for the Social Gallery Lightbox
Social Gallery Features:
Facebook-style image viewing
11 Preset “Modes” including NextGen and Justified Image Grid Compatibility
Image Library & Social Gallery Pages
Works with WordPress Galleries like NextGen, WordPress Gallery Plugin and Justified Imaged Grid
Add custom HTML descriptions New: Now “Per Image”!
Facebook’s 1 Billion+ users will be familiar with Social Gallery
The Ultimate WordPress Facebook Plugin for Photo Viewing – Easily integrated just by installing the plugin! Once installed you can view your very own Facebook style gallery – on your own blog!
The main one being stability of the image scanner and theme compatibility checks
Social Gallery really is now the most Kick Ass lightbox/gallery sharing plugin!
Integrates directly with WordPress – you get an extra menu item for Social Gallery where you can manage everything including settings, image library and update engine
Tweak your Social Gallery easily from the options screen
Customize the margins & image sizes
Selectively Loaded CSS3 Animations – reduces page load time
Faster than the original Lightbox, and now even faster than older Social Gallery Versions!
Social Gallery Technology
Choice of Social Gallery Pages framework or other fallbacks, including HashBang solution to distinct image comments
Users can click on the right side of the image to move horizontally to the next image, or the left side to go back
Users can like, pin, tweet and comment on every blog post image you enable - get 3x, 5x++ engagement!
CSS3 Animations can be chosen for the opening & closing of Social Gallery!
Theme compatiblity: Social Gallery will work with 99. Themes which have lightboxes, or plugins which add lightboxes will need to have these removed for Social Gallery to work (because it’s a lightbox.Free updates for life! All users who buy Social Gallery here get free version updates for life.» Stronger image scanner which runs more reliably
2 – 28th March 2013 [Stable Release] – Performance fixes, Justified Image Grid Bug Fix and many more tweaks + additions
1 with Justified Image Grid (JIG) titles
» Fixed a bug with Justified Image Grid (JIG) setup not working with
Justified Image Grid until whole page has loaded inc scripts.» Added functionality: Delete images from Social Gallery Library via "Image Library"
» Added functionality: "Clear Image Library" - Advanced Admin Management function
clicking "Download" on image - automatically get a prompt to "save file as.» Improved "Prompt to Download" - uses permalinks for each image download
1 – 15th March 2013 – Many stability improvements & Fixes, Mobile detecting, On/Off for Social Gallery Per-Post & Per-Page, Escaped HTML now allowed for title & Descriptions, Settings Backup and much more!, also pre-cursor update to Social Gallery Mobile & Stat’s Add-ons and Justified Image Grid Improvement
» Fixed a bug with Social Gallery Pages "title" attribute
» Fixed bug where tweet links to page (now links to Social Gallery Page or Fallback)
» Fixed bug where g+ links to page (now links to Social Gallery Page or Fallback)
» Fixed Bug in single-social-gallery-image template
» Fixed options in single-social-gallery-image template
» Added Social Gallery Page awareness to viewer + Social Gallery Page template
» Added "Disable Social Gallery Per Post/Page" meta boxes to posts/pages
» Added capacity to specify HTML Descriptions PER IMAGE via HTML5 data attributes
» Added On/Off for "Disable Social Gallery Per Post/Page" feature to Settings
» Added capacity to properly save "custom-social-gallery-image.» Implemented Total disabling of Social Gallery per post/page, including includes
» Improved Justified Image Grid Mode
0 – 13th December 2012 – Added Google Adsense compatibility, Social Gallery Pages, CSS3 Animations, Super Easy Install Wizard, Tumblr, Linked In, Google+ & Stumble Upon Sharing, Full Screen Mode, Theme Engine, Enhanced Management Area & Admin, Improved code efficiency & robustness and many more tweaks
» Fixed 4 bugs related to image proportion, gallery margin and scaling
» Improvement: Better css resetting for image vertical-alignment
» Improvement: Re-engineered Image resizing using viewport methodology
» Improvement: Seperate inclusion for all CSS3 effects for faster, effecient loading
» Improvement: Added capacity to enable/disable Social Gallery Pages function
» Improvement: Refined "Social Gallery Pages"
» Improvement: Made it easier to share Social Gallery and Earn a commision
» Improvement: Redeveloped Social Gallery Plugin Homepage
» Improvement: Built specific social gallery encoder to ultimately minify code
» Added Social Gallery Pages functionality
» Added Social Gallery Pages customisation
» Added CSS3 Animation's for opening & closing Social Gallery [v2 easter egg]
» Added Full Image Library
» Added Image Library Acquisition (Two Levels of Scanner)
» Added Image Library Social Statistics (Future module)
com/social-gallery/your-image)
» Added OG + Meta for Each Image.» Added Pretty Urls for Unique Social Gallery Pages
» Added "As seen on" to unique Social Gallery Pages
» Added Image Viewing to Image Library
» Added Social Gallery News to homepage
» Added functionality: Image Gallery Margin Setting
» Added functionality: Image Gallery Enlarging via Setting
» Added library storage of image dimensions
4 – 10th September 2012 – Integration with Justified Image Grid, Added Disqus Comments, Improved loading and many more tweaks
» Added Integration with Justified Image Grid
» Added Download Image Link Functionality
» Added Stronger CSS rules to Social Gallery
» Added NextGen Gallery Overview Mode
» Added Gallery Compatability Mode
» Added Loading image
Responsive HTML5 & CSS3 Themes – no flash here
You control layout, backgrounds, image sizes, slideshows & more
Full control of your website’s key SEO factors – Set title, keywords, descriptions and more for each page/photo/gallery
Every page/image can be shared easily (if you want).
Auto Grid Responsive Gallery
The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images. CSS3 Effects
New Feature: If you want to link to a page when you click on an image instead
of opening a light box just in the name of the image specify the url like this:
Fixed some behavior with the tabs when the gallery load more images.WHAT it does: when you scroll at the bottom of the gallery it load more images automatically, you can see a demo here: http://gmdae.
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).
UberGrid is a powerful responsive grid / gallery builder for WordPress that will impress your visitors with stylish grids built in minutes.Powerful responsive built-in lightbox with image, google maps, youtube, vimeo and text support.Fast CSS3 animations and effects (when supported by the browser). All the image processing is done by flickr gallery wordpress
5 required (because UberGrid uses a new image selector available from 3.
PHP Thumbnail Grid With Expanding Preview is a leightweight, easy to use gallery
script inspired by google image search iphone with support for .GIF image
It is also fully HTML5 and CSS3 compliant.
Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!
No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;
Social sharing: each image can be shared using Twitter.Gallery management: each gallery is saved in jQuery slider download so you can edit them whenever you want: you can add, rename, delete and edit the galleries;
Custom links: each image can be linked to a custom URL;
Zoom: each image can be shown in a bigger format;
Shuffle: Enable or disable image shuffle;
CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
Ultimate Grid Responsive Gallery
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. CSS3 Effects